Skip to content

Conversation

@saumya1317
Copy link
Contributor

Description

Add real-time cursor tracking and display feature for collaborative canvas sessions. Users can now see other participants' mouse cursors with name labels in real-time, enhancing the collaborative experience.

Semver Changes

  • Minor (new features, no breaking changes)

Issues

Closes #9 - Display Real-Time Cursors of Other Users

Features Added

  • Real-time cursor position tracking and broadcasting
  • User name labels attached to each cursor
  • Throttled cursor updates for optimal performance (~30fps)
  • Automatic cursor cleanup when users disconnect
  • Debug logging for troubleshooting
  • Fixed duplicate URL declaration in server

Technical Details

  • Client-side: Added cursor state management and overlay rendering
  • Server-side: Added cursor-move event handling and broadcasting
  • Socket events: cursor-move, cursor-update, cursor-remove
  • Performance: Throttled updates to prevent excessive network traffic

Checklist

  • I have read the Contributing Guidelines.
  • Code follows project style guidelines
  • Feature works in both local and collaborative modes
  • No breaking changes to existing functionality
  • Added appropriate debug logging

@Ayushivam22
Copy link
Collaborator

@saumya1317 there is conflicts in this pr please resolve it

@saumya1317
Copy link
Contributor Author

i have fixed the conflict pls do check it

@Ayushivam22
Copy link
Collaborator

image image there are so many errors on this pr @saumya1317

@saumya1317
Copy link
Contributor Author

wait just give me a day , i will fix it

- Add cursor position broadcasting via Socket.IO
- Display other users' cursors with custom arrow design
- Show username labels next to each cursor
- Track users joining/leaving rooms
- Auto-remove cursors on disconnect
- Add username input to room join modal
- Fix socket reconnection issues

Resolves OPCODE-Open-Spring-Fest#9
@saumya1317
Copy link
Contributor Author

hii @Ayushivam22 do check my pr please

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Display Real-Time Cursors of Other Users

2 participants